html {
    height: 1080px;
    width: 100%
}

html body {
    height: 1080px;
    width: 100%;
    background: url(../../static/images/bigShow/big.jpg) no-repeat;
    background-size: 100% 100%
}

.container {
    width: 100%;
    height: 100%
}

.title {
    height: 76px;
    width: 100%
}

.title .leftshow {
    height: 76px;
    background-image: url(../../static/images/bigShow/left.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    line-height: 76px
}

.title .leftshow span {
    font-family: Microsoft;
    font-size: 13px;
    color: #3693ff
}

.title .centershow {
    height: 76px;
    background-image: url(../../static/images/bigShow/m.png);
    background-size: 100% 100%;
    background-repeat: no-repeat
}

.title .rightshow {
    height: 76px;
    background-image: url(../../static/images/bigShow/right.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    line-height: 76px;
    text-align: right
}

.title .rightshow span {
    font-family: Microsoft;
    font-size: 13px;
    color: #3693ff
}

.subject {
    height: 1000px
}

.subject .leftTop {
    height: 348px;
    background: url(../../static/images/bigShow/left1bj_444x348.png) no-repeat;
    background-size: 100% 100%
}

.subject .leftMiddle {
    height: 348px;
    margin-top: 4px;
    background: url(../../static/images/bigShow/left2bj_444x348.png) no-repeat;
    background-size: 100% 100%
}

.subject .leftBottom {
    height: 294px;
    margin-top: 4px;
    background: url(../../static/images/bigShow/left3bj_444x294.png) no-repeat;
    background-size: 100% 100%
}

.subject .centerTop {
    height: 700px
}

.subject .centerBottom {
    width: 98%;
    height: 296px;
    margin-top: 4px;
    background: url(../../static/images/bigShow/low.jpg) no-repeat;
    background-size: 100% 100%;
    margin-left: 1%
}

.subject .rightTop {
    height: 348px;
    background: url(../../static/images/bigShow/right1bj_444x348.png) no-repeat;
    background-size: 100% 100%
}

.subject .rightMiddle {
    height: 230px;
    margin-top: 9px;
    background: url(../../static/images/bigShow/right2bj_444x230.png) no-repeat;
    background-size: 100% 100%
}

.subject .rightBottom {
    height: 400px;
    margin-top: 9px;
    background: url(../../static/images/bigShow/right3bj_444x400.png) no-repeat;
    background-size: 100% 100%
}


/*!* flexslider *!*/
.flexslider {
    position: relative;
    height: 100%;
    overflow: hidden;
}

.slides {
    position: relative;
    z-index: 1;
}

.slides li {
    height: 100%;
}

.flex-control-nav {
    position: absolute;
    bottom: 5px;
    z-index: 2;
    width: 100%;
    text-align: center;
}

.flex-control-nav li {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: 0 5px;
    *display: inline;
    zoom: 1;
}

.flex-control-nav a {
    display: inline-block;
    width: 12px;
    height: 12px;
    line-height: 40px;
    overflow: hidden;
    background:#828491;
    border-radius: 12px;
    cursor: pointer;
}

.flex-control-nav .flex-active {
    background: #3f97df;
}

.flex-direction-nav {
    position: absolute;
    z-index: 3;
    width: 100%;
    top: 45%;
}
